@import url(http://fonts.googleapis.com/css?family=Roboto:400,100italic,100,300,300italic,400italic,500,700,700italic,900,900italic);

html{
    /*background: #a90329;*/
    background: rgba(150, 3, 0, .8);
}

body{
    font-family: 'Roboto', sans-serif;
    padding: 0;
    margin: 0;
    margin: 0 auto;
}

/******************
* PAGE
******************/
#page{
    border: 0px solid;
}

/******************
* HEADER
******************/
#page .header{
    border: 0px solid;
    height: 100px;
}

/******************
* BREADCRUMBS
******************/
#page .breadcrumbs{
    display: none;
    border: 0px solid;
    padding: 10px;
    /*background: #fff;*/
}

/*****************
* MAIN
*****************/
#page .main{
    border: 0px solid;
    overflow: hidden;
    margin-top: 10px;
}
#page .main .content{
    border: 1px solid;
    background: #fff;
    padding: 10px;
    float: left;
    margin-left: 15px;
}
#page .main .sidebar{
    border: 0px solid;
    float: left;
    width: 300px;
}
#page .main .events{background: white;}
#page .main .social .fb{background: #3A5896;}

/*********************
* FOOTER
*********************/
#page .footer{
    border: 1px solid;
    clear: both;
    background: white;
    padding: 6px;
    margin-top: 10px;
}
#page .footer .info{
    text-align: center;
    font-size: 14px;
}


.actions{overflow: hidden;list-style: none;}
.actions li {float: left;}
.actions li:hover {background: rgba(150, 3, 0, .6);}
.actions li a {display: block;padding: 5px;}



@media screen and (min-width: 1024px) {
    body{
        width: 1024px;
    }
    
    /******************
    * HEADER
    ******************/
    #page .header{background: url(../images/header/big.png);}
    
    /*****************
    * MAIN
    *****************/
    #page .main{
    }
    #page .main .content{
        width: 681px;
    }
    #page .main .sidebar{
        /*width: 200px;*/
    }
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
    body{
        width: 800px;
    }
    
    /******************
    * HEADER
    ******************/
    #page .header{background: url(../images/header/middle.png);}
    
    /*****************
    * MAIN
    *****************/
    #page .main .content{width: 800px;margin-left: 0px;}
    #page .main .sidebar{
        display: none;
    }
}